<route lang="json5" type="page">
  {
    "needLogin": true,
    style: {
      navigationBarTitleText: '报修成功',
    }
  }
</route>

<script setup lang="ts">
function handleConfirm() {
  uni.navigateBack()
}

function handleContinue() {
  uni.navigateBack()
}
</script>

<template>
  <view class="">
    <view class="flex flex-col items-center pb-10 pt-12">
      <view class="h-16 w-16 flex items-center justify-center rounded-full bg-blue-500">
        <wd-icon name="check" size="22px" color="#fff" />
      </view>
      <text class="mt-5 text-xl font-medium">
        报修成功
      </text>
    </view>

    <view class="mx-6">
      <wd-button type="primary" block size="large" @click="handleConfirm">
        确认
      </wd-button>
      <wd-button type="info" block size="large" custom-class="mt-4" @click="handleContinue">
        继续报修
      </wd-button>
    </view>
  </view>
</template>

<style>
/* Reset button styles for uni-app */
button {
  line-height: 2.75rem;
  height: 2.75rem;
}
button::after {
  border: none;
}
</style>
